<?
	$GL_NUM_DRAGS = 4;
	$GL_NUM_DROPS = 4;
	$GL_ROUND_TIME = 30;
	$GL_ROUNDS = 5;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Glictionary</title>
<script type="text/javascript" src="lib/jquery-1.2.3.js"></script>
<script type="text/javascript" src="lib/interface.js"></script>
<script type="text/javascript" src="lib/glictionary.js"></script>
<script type="text/javascript">
$(document).ready(

	function() {
		positionSetupArea();
		$('#sa').fadeIn(750);	
	}
);
</script>
<link rel="stylesheet" href="lib/glictionary.css" />
</head>
<body>
<div id="sa">
	<h3 style="text-align:center">Welcome to Glictionary!</h2>
    <div id="sa_userInfo">
		<form onsubmit="return setUserName()">
			Username: <input type="text" id="username" />
            <p align="center" id="sa_userInfo_submit"><input type="submit" value="Login" /></p>
        </form>
    </div>
    <div id="sa_gameInfo" style="visibility:hidden; text-align:center">
        <input type="button" value="Start a New Game" onclick="startNewGame()"/>
        <input type="button" value="Join an Existing Game" onclick="joinExistingGame()"/>
	</div>
    <div id="sa_newgame" style="visibility:hidden">
		<form id="sa_gameOptions" action="glictionary.php" method="post">
			Game Name: 
			  <input type="text" id="sa_gamename" name="g" value="New Game" /><br />
			Max Images:
              <input type="text" id="sa_maximages" name="dg" value="<?=$GL_NUM_DRAGS?>"/><br />
			Max Holders:
              <input type="text" id="sa_maxholders" name="dp" value="<?=$GL_NUM_DROPS?>" /><br />
            Round Time:
              <input type="text" id="sa_roundtime" name="rt" value="<?=$GL_ROUND_TIME?>" /><br />
               # of Rounds:
               <input type="text" id="sa_numrounds" name="nr" value="<?=$GL_ROUNDS?>" /><br />
				Your Team: 
				<select name="t" id="sa_team"><option value="A" selected="selected">Team A</option><option value="B">Team B</option></select>
              <input type="hidden" id="sa_username" name="u" />
              <input type="hidden" id="sa_action" name="a"/>
            <p align="center" id="sa_gameName_submit"><input type="button" onclick="startGame();" value="Start Game" /></p>
        </form>
    </div>
</div>
</body>
</html>
